<section style="background: #f8fdf2; border: 1px solid #c8e6c9; border-radius: 8px; padding: 25px; margin: 20px 0;">
  <div style="font-family: 'Helvetica Neue', 'PingFang SC', sans-serif;">
    <h1 style="font-size: 50px; color: #81c784; text-align: center; margin: 0 0 15px; font-weight: 500; letter-spacing: 1px;">
      <span style="display: inline-block; background: #a5d6a7; color: white; padding: 8px 20px; border-radius: 4px;">
        01
      </span>
    </h1>
    
    <h2 style="font-size: 28px; color: #66bb6a; text-align: center; margin: 0 0 20px; font-weight: 500;">
      <span>
        文章标题示例
      </span>
    </h2>
    
    <div style="background: rgba(197, 225, 197, 0.3); padding: 20px; border-radius: 6px; margin-bottom: 25px;">
      <p style="font-size: 16px; line-height: 1.8; color: #424242; margin: 0; text-align: justify;">
        <span>
          这里是文章内容示例。这个模板采用了春天的绿色系设计，h1标题设为50px并采用扁平化设计风格。正文使用两端对齐，并配有淡绿色背景，使排版更加整齐美观。整体使用清新的浅绿色背景，文字采用深灰色保证可读性，营造出春天的气息。
        </span>
      </p>
    </div>

    <div style="text-align: right;">
      <a href="https://example.com" style="display: inline-block; background: #66bb6a; color: white; text-decoration: none; padding: 10px 25px; border-radius: 4px; font-size: 15px; font-weight: 500;">
        <span>
          More
        </span>
      </a>
    </div>
  </div>
</section>